// 自定义指令（v-loading）：数据加载
import Vue from 'vue'

Vue.directive('loading', {
  bind: function (el, binding, vnode) {
    if (binding.value) {
      //  若果是true创建一个div
      const div = document.createElement('div')
      //  插入到被绑定的元素内部
      el.appendChild(div)
      //  div内部加入内容
      div.innerHTML = '加载中...'
      //  el 元素设置相对定位   div设置绝对定位
      el.setAttribute('class', 'elrelative')
      //  设置绝对定位
      div.setAttribute('class', 'divabsolute')
    } else {
      //  去掉div  去掉样式  去掉定位
      const ds = document.getElementsByClassName('divabsolute')[0]
      if (ds) {
        el.removeChild(ds)
      }
    }
  }
})
